/*
FILENAME: globals_grid.css
DESCRIPTION: This stylesheet serves global declarations to all Onehub.com assets
AUTHORS: Matthew Anderson -> manderson@onehub.com & Michael Tierney -> mtierney@onehub.com
LAST MODIFIED DATE: 07.20.2009
*/

/* File outline

  =GLOBALS
    =GRID OVERRIDE
    =BASE
    =GRID =MODIFIERS
    =GUTTER
    =NAVIGATION
    =MENU
    =MENU =PRIMARY
    =MENU =SECONDARY
    =NEXT =STEPS
    =LAYOUT
    =HEADINGS
    =FORMS
    =FORMS =WEBCAST
    =LISTS
    =CONTENT
    =BANNER
    =BOXES
    =MESSAGING
    =SHARED
    =FOOTER
    =BUTTONS
    =BUTTONS =BASE
    =BUTTONS =TWEAKS
    =BUTTONS =STANDARD
    =BUTTONS =REVERSE
    =BUTTONS =FLAT

  =HOME
  =TOUR
  =TOUR =SCREENCAST =NEXT =STEPS

  =FEATURES
  =FEATURES =OVERVIEW
  =FEATURES =ANATOMY
  =FEATURES =DETAILS

  =PRICING
  =SUPPORT

  =BLOG
  =BLOG =POST
  =BLOG =COMMENTS
  =BLOG =ARCHIVES

  =ABOUT
  =ABOUT =SHARED
  =ABOUT =OVERVIEW
  =ABOUT =TEAM
  =ABOUT =NEWS
  =ABOUT =CAREERS
  =ABOUT =CONTACT

  =AFFILIATES
  =TERMS =PRIVACY

  =NEWSLETTER
  =NEWSLETTER =SIDEBAR

  =BLOG =CALLOUT

  =SOLUTIONS
  =SOLUTIONS =NAVIGATION

  =WEBCAST
  =REMINDERS
  =MEDIA =KIT

*/

/* =GLOBALS */

/* =GRID OVERRIDE */
/*  Grid is inactive when entire section is commented */
/*
body {
  background: #fff url("/images/16_col.png") center top repeat-y !important;
}

#gutter, #navigation, #wrapper, #banner, #content, #container, #bg_social, #bg_footer {
  background: none !important;
}
*/
/* =BASE */

body {
  background: #191919;
  color: #444;
  font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}

a:link, a:visited {
  font-weight: bold;
  text-decoration: none;
}

a:link {
  color: #6b8d94;
}

a:visited {
  color: #666;
}

a:hover, a:active {
  background: #6b8d94;
  border-color: #6b8d94;
  color: #fff;
}

a:link.tool_tip, a:visited.tool_tip {
  border-bottom: 1px dotted #6b8d94;
}

a, strong, b { /* Straightens out OS X font rendering */
  line-height: 19px;
}

abbr {
  border-bottom: 1px dotted #b4b4b4;
  cursor: help;
}

sup {
  vertical-align: top;
  font-size: 0.75em;
}

.hidden {
  display: none;
}

/* =GRID =MODIFIERS */

/* OH TOOD: Evaluate the necessity of the following declarations */
.container_16:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_16{display:inline-block}
* html .container_16{height:1%}
.container_16{display:block}

.container_12:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_12{display:inline-block}
* html .container_12{height:1%}
.container_12{display:block}

.clearfix li:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix li{display:inline-block}
* html .clearfix li{height:1%}
.clearfix li{display:block}

.alpha { clear: left}

/* =GUTTER */

#gutter {
  background: #191919 url(../images/bg_gutter.png) bottom left repeat-x;
}

#gutter #logo {
  margin: 20px 10px;
}

#gutter #logo a img {
  display: block;
}

#gutter #logo a {
  background: transparent url(../images/logo_onehub_rev154x40.png) no-repeat;
  border: 0;
  display: block;
  height: 40px;
  width: 154px;
}

#gutter #logo a img {
  display: block;
  width: 0;
}

#gutter #login em.label {
  color: #91ce9b;
  font-size: .75em;
  font-style: normal;
  font-weight: bold;
  margin-top: 35px;
  text-transform: uppercase;
  text-align: right;
}

#gutter #login ul {
  margin-top: 5px;
  position: relative;
}

#gutter #login ul li {
  padding-top: 5px;
}

#gutter #login ul li label {
  color: #fff;
  display: block;
  font-size: .75em;
  font-weight: bold;
  text-transform: uppercase;
}

#gutter #login ul li input {
  background: #444;
  border: 1px solid #444;
  color: #d4d4d4;
  margin: 0;
  width: 148px;
}

#gutter #login ul li input:focus {
  background: #fff;
  border: 1px solid #91ce9b;
  color: #444;
}

#gutter #login ul li em.helper {
  font-size: .75em;
  font-style: normal;
  position: absolute;
  right: 120px;
  top: 5px;
}

#gutter #login ul li em.helper a {
  border: 0;
  color: #a1dbe6;
}

#gutter #login ul li em.helper a:hover {
  background: #a1dbe6;
  border: 0;
  color: #191919;
}

#gutter .buttons {
  clear: none;
  margin: 20px 0 0 0;
}

#gutter .buttons button {
  float: none;
}

/* =NAVIGATION */

#navigation {
  background: #4b9376 url(../images/bg_navigation.png) bottom center repeat-x;
  border-top: 1px solid #5b9f84;
  border-bottom: 1px solid #427f5e;
}

/* =MENU =PRIMARY */

#menu_primary {
  padding: 9px 0;
}

#menu_primary ul {
  list-style-type: none;
  overflow: hidden;
}

#menu_primary ul li {
  float: left;
  margin-left: 20px;
}

#menu_primary ul li:first-child { /* This works for everything except IE6, which needs the last li to be targeted explicitly */
  margin-left: 0;
}

#menu_primary ul li a {
  border: 1px solid #4d9473;
  color: #dbeae3;
  display: block;
  font-size: .75em;
  padding: 4px 0;
  text-align: center;
  text-transform: uppercase;
  width: 98px;
}

#menu_primary ul li a { /* Safari */
  -webkit-border-radius: 14px;
}

#menu_primary ul li a, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 14px;
}

#menu_primary ul li a:hover {
  background: #417d64;
  border: 1px solid #417d64;
  color: #d9e5e0;
}

.home #menu_primary ul li.menu_home a,
.features #menu_primary ul li.menu_features a,
.tour #menu_primary ul li.menu_tour a,
.pricing #menu_primary ul li.menu_pricing a,
.affiliates #menu_primary ul li.menu_affiliates a,
.support #menu_primary ul li.menu_support a,
.blog #menu_primary ul li.menu_blog a,
.blog_post #menu_primary ul li.menu_blog a,
.about #menu_primary ul li.menu_about a {
  background: #356751;
  border: 1px solid #356751;
  color: #fff;
}

/* =MENU =SECONDARY */

#menu_secondary {
  padding-top: 10px;
}

#menu_secondary ul {
  list-style-type: none;
  overflow: hidden;
  width: 840px;
}

#menu_secondary ul li {
  float: left;
  margin-right: 20px;
}

#menu_secondary ul li a {
  border: 0;
  color: #888;
  display: block;
  font-size: .75em;
  font-weight: normal;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100px;
}

#menu_secondary ul li a { /* Safari */
  -webkit-border-radius: 14px;
}

#menu_secondary ul li a, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 14px;
}

#menu_secondary ul li a:hover {
  background: transparent;
  color: #444;
}

.features_index #menu_secondary ul li.menu_features_index a,
.features_hubs #menu_secondary ul li.menu_features_hubs a,
.features_user_home #menu_secondary ul li.menu_features_user_home a,
.features_details #menu_secondary ul li.menu_features_details a,
.affiliates_index #menu_secondary ul li.menu_affiliates_index a,
.affiliates_terms #menu_secondary ul li.menu_affiliates_terms a,
.affiliates_application #menu_secondary ul li.menu_affiliates_application a,
.about_index #menu_secondary ul li.menu_about_index a,
.about_team #menu_secondary ul li.menu_about_team a,
.about_news #menu_secondary ul li.menu_about_news a,
.about_press #menu_secondary ul li.menu_about_news a,
.about_careers #menu_secondary ul li.menu_about_careers a,
.about_contact #menu_secondary ul li.menu_about_contact a,
.about_media_kit #menu_secondary ul li.menu_about_media a {
  font-weight: bold;
  color: #191919;
}

/* =NEXT =STEPS */

#next_steps {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  border-radius: 9px;
  font-size: 0.9em;
  margin: 40px 9px 0;
}

#next_steps { /* Safari */
  -webkit-border-radius: 9px;
}

#next_steps, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 9px;
}

#next_steps ul {
  padding: 10px;
}

#next_steps a {
  display: block;
  padding-left: 22px;
}

#next_steps ul li span {
  display: block;
  padding-left: 22px;
}

#next_steps a, #next_steps span {
  background: transparent none no-repeat left center;
  font-weight: bold;
}

#next_steps a:hover {
  color: #444;
}

#next_steps #learn a {
  background-image: url(..images/icons/info.png);
}

#next_steps #learn a:hover {
  background-image: url("info_hover.png"/*tpa=http://onehub.com/images/icons/info_hover.png*/);
}

#next_steps #signup a {
  background-image: url("arrow.png"/*tpa=http://onehub.com/images/icons/arrow.png*/);
}

#next_steps #signup a:hover {
  background-image: url("arrow_hover.png"/*tpa=http://onehub.com/images/icons/arrow_hover.png*/);
}

#next_steps #call span {
  background-image: url("phone.png"/*tpa=http://onehub.com/images/icons/phone.png*/);
}

/* =LAYOUT */

#banner {
  background: #86c340 url(../images/bg_banner.png) top center repeat-x;
  border-top: 1px solid #6cbd92;
  border-bottom: 1px solid #78af39;
}

#wrapper {
  background: #fff url(../images/bg_content.png) top center repeat-x;
}

.home #wrapper {
  padding-top: 20px;
}

.tour #wrapper { /* Blackouts */
  background: #000;
}

#header {
  margin: 0 10px;
  position: relative;
}

#highlight {
  position: absolute;
  right: 0;
  top: 60px;
}

/* =HEADINGS */

h1, h2 {
  letter-spacing: -.05em;
  line-height: 40px;
}

h1 {
  color: #000;
  font-size: 32px;
  font-weight: bold;
  margin-top: 40px;
}

h2 {
  color: #666;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 40px;
}

h3 {
  color: #59892f;
  font-size: 18px;
  margin-bottom: 20px;
}

h3.section, .blog_post .copy h4, h4.section {
  border-top: 1px solid #eee;
  clear: both;
  color: #888;
  font-size: .75em;
  margin: 0 0 20px 0;
  padding: 9px 0 10px 0;
  text-transform: uppercase;
}

h4, h5 {
  color: #3f5c26;
  font-size: 1em;
}

h3 span, h4 span, h5 span {
  font-weight: normal;
}

/* =FORMS */

/* OH TODO: Evaluate the necessity of these statements */
form:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
form {display:inline-block}
form {display: block}

label {
  color: #555;
  display: block;
}

input, textarea {
  background: #f6f6f6;
  border: 1px solid #d4d4d4;
/*  border: 0px;*/
  font: normal 1em 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 5px 0;
  padding: 5px;
  width: 100%;
}

input:focus, textarea:focus {
  background: #fff;
  border: 1px solid #999;
}
label.required {
  font-weight: bold;
}

abbr {
  border-bottom: 1px dotted #b4b4b4;
  cursor: help;
}

form abbr {
  color:#99CCCC;
  font-size:1.2em;
  font-style:normal;
  vertical-align:baseline;
  line-height: 14px;
  border:0pt none;
  cursor:help;
}

.helper {
  color: #828282;
  font-size: .925em;
}

.buttons .helper {
  font-size: 1.1em;
}

/* for the jQuery form validation error messaging */
#content label.error {
  color: #d12f19;
  font-size: 0.75em;
  font-weight: bold;
}

#content input.error, input.error:focus, .fieldWithErrors input, .fieldWithErrors textarea {
  border-color: #fbc2c4;
}

/* =FORMS =WEBCAST */

#webcast_form {
  margin-top: 20px;
  position: relative;
}

#webcast_form li {
  height: 70px;
}

.webcast input {
  width: 208px;
}

.webcast input.error, .webcast textarea.error {
  margin-bottom: 0;
}

.webcast select {
  width: 222px;
}

.webcast .buttons {
  margin-bottom: 40px;
}

.webcast .buttons button:hover, .webcast .buttons a.button:hover, .webcast .buttons a.button:active {
  border: 1px solid #304812;
}

/* =LISTS */
.odd {
  background-color: #efefef;
}

/* =CONTENT */

hr {
  border: 0;
  border-top: 1px solid #eee;
  clear: both;
  height: 0;
  margin: 0;
}

q, .pullquote {
  color: #666;
  font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman', serif;
}

cite {
  display: block;
  font-style: normal;
  font-weight: bold;
}

cite span {
  font-weight: normal;
}

#content p {
  margin-bottom: 20px;
}

.bulleted li {
  list-style-type: disc;
  margin-left: 1em;
}

.newsletter .bulleted, .newsletter .numbered {
  margin-bottom: 20px;
}

.numbered li {
  list-style-type: decimal;
  margin-left: 20px;
}

.download {
  background: transparent url("download_16x16.png"/*tpa=http://onehub.com/images/icons/download_16x16.png*/) left center no-repeat;
  padding-left: 20px;
}

a.download:hover, a.download:active {
  background-image: url("download_16x16.png"/*tpa=http://onehub.com/images/icons/download_16x16.png*/);
  background-position: left center;
  background-repeat: no-repeat;
}

/* =BANNER */

#banner {
  background: #86c340 url(../images/bg_banner.png) top center repeat-x;
  border-bottom: 1px solid #78af39;
  border-top: 1px solid #6cbd92;
}

.home #banner em.helper {
  color: #425f1d;
  display: block;
  font-size: .77em;
  margin: 14px 0 10px 0;
}

.home #banner em.helper, .home #banner em.helper a, .home #banner em.helper b, .home #banner em.helper strong {
  line-height: 15px;
}

.home #banner em.helper a:link, .home #banner em.helper a:visited {
  color: #3F5C26;
  display: inline;
}

.home #banner em.helper a:hover, .home #banner em.helper a:active {
  background-color: #3F5C26;
  color: #fff;
}

/* =BOXES */

#boxes {
  background: #fff url(../images/bg_boxes.png) bottom center repeat-x;
  border: 1px solid #d4d4d4;
  margin: 20px auto;
  width: 938px;
}

#boxes { /* Safari */
  -webkit-border-radius: 10px;
}

#boxes, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 10px;
}

#boxes ul {
  overflow: hidden;
}

#boxes ul li {
  background-position: bottom center;
  background-repeat: no-repeat;
  height: 148px;
  margin: 0;
}

#boxes ul li li {
  height: auto;
}

#boxes ul li.grid_5 {
  width: 289px;
}

#boxes ul li.grid_6 {
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  width: 358px;
}

#boxes ul li.grid_12 {
  border-left: 1px solid #d4d4d4;
  text-align: left;
}

#boxes ul li.grid_12 {
  padding-left: 10px;
}

#boxes ul li#box_case_study {
  background-image: url(../images/bg_box_case_study.png);
}

#boxes ul li#box_trial {
  background-image: url(../images/bg_box_trial.png);
}

#boxes ul li#box_product_demo {
  background-image: url(../images/bg_box_product_demo.png);
}

#boxes ul li a {
  display: block;
  font-weight: normal;
  height: 150px;
  padding-top: 10px;
}

#boxes ul li a:hover {
  background: none;
}

#boxes ul li a h2 {
  color: #444;
  letter-spacing: 0;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}

#boxes ul li a p {
  color: #666;
  font-size: 13px;
  letter-spacing: 0;
}

/* Rules specific to the Signup form in the Boxes div */
#boxes form#box_signup_form {
  margin-bottom: 0;
}

#boxes #box_signup_form fieldset {
  margin: 0;
  overflow: hidden;
}

#boxes #box_signup_form h2 {
  color:#000;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  margin: 6px 0 2px 0px;
  padding: 10px;
}

#boxes #box_signup_form h2 span {
  color: #666;
  font-weight: normal;
}

#boxes #box_signup_form ol {
  margin: 0 0 10px 10px;
}

#boxes #box_signup_form ol li {
  float: left;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2px;
  text-align: left;
}

/* Need to re-define these, since they're being over-written by the rules of the #boxes div */
#boxes #box_signup_form ol li.alpha {
  margin-left: 0px;
}

#boxes #box_signup_form ol li.omega {
  margin-right: 0px;
}

#boxes #box_signup_form ol li label {
  color: #3f5c26;
  font-size: 0.75em;
  font-weight: bold;
  text-transform: uppercase;
}

#boxes #box_signup_form ol li input, #boxes #box_signup_form ol li textarea {
  width: 200px;
}

#boxes #box_signup_form em.helper {
  color: #777;
  display: block;
  font-size: 0.9em;
  margin-top: 12px;
  vertical-align: middle;
}

#boxes #box_signup_form em.helper a:link, #boxes #box_signup_form em.helper a:visited {
  display: inline;
  width: auto;
}

#boxes #box_signup_form .buttons {
  clear: left;
  margin-top: 8px;
  margin-bottom: 15px;
  width: auto;
}

/* =MESSAGING */

.message {
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.grid_12.message {
  width: 660px;
}

.message { /* Safari */
  -webkit-border-radius: 5px;
}

.message, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 5px;
}

.info {
  background-color: #ecf8fa;
}

.alert {
  background-color: #fbe3e4;
}

.caution {
  background-color: #fffcde;
}

.subtle_button {
  background-color: #efefef;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

.subtle_button a.button:link, .subtle_button a.button:visited {
  background-color: transparent;
  border-color: transparent;
}

.buttons.message {
  padding: 10px 20px;
}

.important {
  margin-bottom: 0;
}

.important p {
  font-size: 1.15em;
}

#content .message p {
  margin: 0;
}

#errorExplanation {
  background-color: #fbe3e4;
  border: 1px solid #fbc2c4;
  margin: 20px;
  padding: 10px;
}

#errorExplanation h3 {
  color: #191919;
  margin-bottom: 10px;
}

#errorExplanation p {
  margin-bottom: 10px;
}

#errorExplanation ul {
  margin-bottom: 10px;
}

#errorExplanation ul li {
  float: none;
  margin-bottom: 0;
  padding: 0;
}

/* =SHARED */

#signup_4 h2 {
  margin: 0;
}

#banner #signup_4 .buttons {
  margin-top: 15px;
  margin-bottom: 35px;
}

#signup_16 {
  background-color: #e7f3d9;
  margin: 40px 10px;
  padding: 20px;
  text-align: center;
  width: 900px;
}

#signup_16 h3 {
  color: #b6db8c;
  margin: 0;
}

#signup_16 h3 a:link {
  color: #59892f;
}

#signup_16 h3 a:hover {
  background-color: #59892f;
  color: #fff;
}

#featured_logos {
  margin-bottom: 30px;
  overflow: hidden;
}

#featured_logos li {
  float: left;
  margin-bottom: 10px;
}

#featured_logos li.alpha {
  clear: left;
}

#featured_logos li img {
  display: block;
  margin: 0 auto;
}

#blog_highlights {
  margin-bottom: 20px;
}

#blog_highlights .thumbnail {
  background: #e7f3d9;
  border-bottom: 1px solid #cfe7b3;
  display: block;
  padding: 5px 5px 4px 5px;
}

#blog_highlights .thumbnail:hover {
  background: #59892f;
}

#blog_highlights .thumbnail img {
  display: block;
}

#blog_highlights h5 {
  margin-top: 20px;
}


/* =FOOTER */

#bg_footer {
  background: #191919;
}

#footer {
  color: #666;
  font-size: .925em;
  padding: 20px 0;
}

#footer hr {
  display: none;
}

#footer h3 {
  color: #59892f;
  font-size: 18px;
  margin-bottom: 20px;
}

#footer ul.suggestions {
  border-top: 1px solid #333;
  margin-top: 10px;
  padding-top: 9px;
}

#footer ul.suggestions li a {
  border-bottom: 0;
  font-weight: normal;
}

#footer ul.suggestions li a:link {
  color: #e2f1cf;
}

#footer ul.suggestions li a:visited {
  color: #7a8a67;
}

#footer ul.suggestions li a:hover, #footer ul.suggestions li a:active {
  background-color: #e2f1cf;
  color: #191919;
}

#footer ul.suggestions li.support {
  font-weight: bold;
  margin-top: 20px;
}

#footer ul.suggestions li.support em {
  color: #7a8a67;
  font-style: normal;
  font-weight: bold;
}

#footer ul.suggestions li em.support,
#footer ul.suggestions li em.support a {
  color: #7a8a67;
  font-style: normal;
  font-weight: bold;
}

#footer #runner {
  border-top: 1px solid #444;
  clear: both;
  color: #444;
  margin-top: 20px;
  padding-top: 19px;
}

#footer #runner .sitemap_primary,
#footer #runner .sitemap_secondary,
#footer #runner p {
  text-align: right;
}

#footer #runner .sitemap_primary li,
#footer #runner .sitemap_secondary li {
  display: inline;
  margin-left: 20px;
}

#footer #runner .sitemap_primary li a {
  font-weight: normal;
}

#footer #runner #watermark {
  padding: 7px 0;
}

#footer #runner .omega {
  float: right;
}

#footer #runner #watermark img {
  display: block;
}

#footer #pitch a:link, #footer #pitch a:visited {
  color: #666;
  font-weight: normal;
}

#footer #pitch a:hover, #footer #pitch a:active {
  color: #fff;
}

/* =BUTTONS =BASE */
/* Abstracted from the Wufoo implementation - thanks guys! */
/* http://particletree.com/features/rediscovering-the-button-element/ */

.buttons {
  clear: both;
  font-size: .785em;
  margin-bottom: 30px;
  overflow: hidden; /* Float clearing for good browsers */
}

.buttons a.button, .buttons button {
  background: #e2e2e2;
  border: 1px solid #e2e2e2;
  color: #646464;
  cursor: pointer;
  display: block;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 0;
  padding: 4px 10px 5px 10px; /* Links */
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

.buttons button {
  line-height: 16px; /* Safari 3 */
  overflow: visible;
  padding: 6px 10px 6px 10px; /* IE6 & Firefox 3 */
  width: auto;
}

.buttons button[type] {
  line-height: 20px; /* Safari */
  padding: 5px 10px 5px 7px; /* Firefox */
}

*:first-child+html button[type] {
  padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img {
  border: none;
  margin: 0 3px -3px 0 !important;
  padding: 0;
}

/* =BUTTONS =TWEAKS */

.buttons button, .buttons a.button { /* Safari */
  -webkit-border-radius: 14px;
}

.buttons a.button, .buttons button, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 14px;
}

/* =BUTTONS =STANDARD */

.buttons button:hover, .buttons a.button:hover, .buttons a.button:active {
  background: #304812;
  border: 1px solid #304812;
  color: #fff;
}

/* =BUTTONS =REVERSE */

button.reverse, .buttons a.reverse {
  background: #507526;
  border: 1px solid #507526;
  color: #fff;
}

.buttons a.reverse:hover, button.reverse:hover, .buttons a.reverse:active {
  background: #304812;
  border: 1px solid #304812;
  color: #fff;
}

/* =BUTTONS =FLAT */

.buttons button.flat, .buttons a.flat {
  background: #e2e2e2;
  border: 1px solid #e2e2e2;
}

.buttons button.flat:hover, .buttons a.flat:hover {
  background: #6b8d94;
  border: 1px solid #6b8d94;
  color: #fff;
}

/* =BUTTONS =UBER */

.uber_button {
  line-height: 65px;
  font-size: .925em;
}

.uber_button a.button {
  background-image: url(../images/bg_button_uber.png);
  background-repeat: repeat-x;
  background-position: bottom center;
  font-size: 1.1em;
  text-align: center;
}

.uber_button a.button {
  padding: 10px 0;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

/* Site Sections */

/* =HOME */

#banner .container_16 {
  position: relative;
}

#hero {
  position: absolute;
  left: 0;
  top: 60px;
}

#hero a:hover {
  background: none;
}

#banner .pitch {
  color: #fff;
  display: block;
  letter-spacing: -.05em;
  line-height: 40px;
  font-size: 40px;
  margin: 40px 0 20px 0;
  text-shadow: 0 -1px rgba(0, 0, 0, .3);
}

#banner h1 {
  color: #304812;
  font-size: 30px;
  font-weight: normal;
  margin: 0 0 20px 0;
}

#banner h2 {
  color: #304812;
  font-size: 30px;
}

#banner p {
  color: #304812;
}

#banner label {
  color: #304812;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}

#banner input {
  background: #e2f1cf;
  border: 1px solid #649636;
  width: 208px;
}

#banner input:focus {
  background: #fff;
  border: 1px solid #649636;
}

#banner .uber_button {
  margin: 40px 0;
  color: #649230;
}

#banner .uber_button a.passive {
  color: #354e1a;
}

#banner .uber_button a:hover.passive {
  background: none;
  border-bottom: 1px solid #6b9c33;
  color: #426120;
}

#banner .uber_button h2 {
  margin: 0;
  font-size: 1.3em;
}

#banner .uber_button a.button {
  background-color: #4e7429;
  border: 1px solid #36501d;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, .5);
}

#banner .uber_button a:hover.button {
  background-color: #5b8730;
  border: 1px solid #486c26;
}

#banner .uber_button em {
  font-family: Garamond, Georgia, serif;
  font-weight: normal;
  font-style: normal;
  color: #d7decf;
}

#banner .uber_button span {
  display: block;
  font-size: .75em;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0;
  color: #a5ab9f;
}

/* OH TODO: Same as the #banner #signup h2 -- something's overwriting this, and it either shouldn't be, or this needs to be grouped with other similar declarations */

/*#banner #signup_4 .buttons {
  margin-top: 15px;
  margin-bottom: 35px;
}*/

#hero {
  position: absolute;
  left: 0;
  top: 40px;
}

#hero a:hover {
  background: none;
}

.home #header {
  margin-top: 30px;
  margin-bottom: 10px;
}

.home #header h2, .home #product_demo h2 {
  color: #000;
  letter-spacing: 0;
  line-height: 20px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.home #header p, .home #product_demo p {
  color: #666;
  font-size: 13px;
}

.home #feature_preview {
  margin-top: 20px;
}

.home #feature_preview li {
  margin: 0 0 20px 0;
}

.home #feature_preview li h4 {
  margin-bottom: 0;
  padding-left: 60px;
}

.home #feature_preview li p {
  font-size: .925em;
  padding-left: 60px;
}

.home #feature_preview li#feature_customize, .home #feature_preview li#feature_collaborate {
  margin-right: 20px;
}

.home #feature_preview li#feature_powerful_collaboration {
  background: url("tools_20x20.png"/*tpa=http://onehub.com/images/icons/tools_20x20.png*/) no-repeat;
}

.home #feature_preview li#feature_easy_document_management {
  background: url("documents-blue_20x20.png"/*tpa=http://onehub.com/images/icons/documents-blue_20x20.png*/) no-repeat;
}

.home #feature_preview li#feature_more_productive_teams {
  background: url("tip_20x20.png"/*tpa=http://onehub.com/images/icons/tip_20x20.png*/) no-repeat;
}

.home hr {
  margin: 0 auto 19px auto;
  width: 940px;
}

#testimonials {
  position: relative; /* Brings to front */
}

#testimonials h3 a:link {
  color: #59892f;
}

#testimonials h3 a:hover {
  background: #59892f;
  color: #fff;
}

#testimonials blockquote cite,
#testimonials blockquote em,
#testimonials blockquote span {
  float: left;
  margin-right: 4px;
}

#testimonials blockquote .who {
  padding: 10px 0;
}

#testimonials blockquote span.who {
  padding-bottom: 0;
}

blockquote cite {
  margin-bottom: 20px;
}

blockquote em {
  color: #b4b4b4;
  font-style: normal;
  font-weight: normal;
}

#testimonials blockquote span#readwriteweb {
  background: url("readwriteweb.png"/*tpa=http://onehub.com/images/logos/readwriteweb.png*/);
  display: block;
  height: 20px;
  text-indent: -9999px;
  width: 142px;
}

.home #blog_highlights #post_3 {
  margin-right: 0;
}

/* =TOUR */

#theatre {
  clear: both;
  background: #000;
  margin-bottom: 20px;
  padding: 20px 0;
}

#theatre .movie {
  margin: 0 auto;
  text-align: center;
  width: 640px;
}

#more_videos p {
  margin-bottom: 20px;
}

.tour #more_videos h3.section {
  border-top: 1px solid #59892f;
  color: #59892f;
}

.tour #more_videos h4 a:link, .tour #more_videos h4 a:visited {
  color: #304812;
}

.tour #more_videos h4 a:hover, .tour #more_videos h4 a:active {
  background-color: #304812;
  color: #fff;
}

/* =TOUR =SCREENCAST =NEXT =STEPS */
.tour #next_steps, .screencast #next_steps {
  /* Override the grid for this one instance. */
  padding: 0 0 10px 0;
  margin: 5px 0;
  width: 940px;

  /* Resetting the defaults from the real Next Steps box */
  background-color: transparent;
  border: 0 none;

  /* Reset the rounded corners to prevent any issues  that may occur as a result of this. */
  border-radius: 0;
}

.tour #next_steps, .screencast #next_steps { /* Safari 3+ */
  -webkit-border-radius: 0;
}

.tour #next_steps, .screencast #next_steps, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 0;
}

.tour #next_steps ul, .screencast #next_steps ul {
  width: 51%;
  margin: auto;
}

.tour #next_steps ul li, .screencast #next_steps ul li {
  display: block;
  float: left;
  font-size: 0.8em;
  text-transform: uppercase;
  margin: 0 20px 0 0;
}

.tour #next_steps #call, .screencast #next_steps #call {
  margin-right: 0;
}

.tour #next_steps a, .screencast #next_steps a {
  color: #304812;
}

.tour #next_steps a:hover, .tour #next_steps #call span, .screencast #next_steps a:hover, .screencast #next_steps #call span {
  color: #3a6c4b;
}

.tour #next_steps li#learn a:hover, .screencast #next_steps li#learn a:hover {
  background-image: url("info_hover_alt.png"/*tpa=http://onehub.com/images/icons/info_hover_alt.png*/);
}

.tour #next_steps li#signup a:hover, .screencast #next_steps li#signup a:hover {
  background-image: url("arrow_hover_alt.png"/*tpa=http://onehub.com/images/icons/arrow_hover_alt.png*/);
}

/* =FEATURES =OVERVIEW */

#explore_userhome a, #explore_hub a {
  display: block;
  height: 500px;
  text-indent: -9999px;
  width: 460px;
}

#explore_hub a {
  background: transparent url("hub_jump.png"/*tpa=http://onehub.com/images/features/hub_jump.png*/) left top no-repeat;
}

#explore_userhome a {
  background: transparent url("user_home_jump.png"/*tpa=http://onehub.com/images/features/user_home_jump.png*/) left top no-repeat;
}

#explore_userhome a:hover, #explore_hub a:hover {
  text-indent: 0;
}

#explore_userhome a:hover span, #explore_hub a:hover span {
  background-color: #6B8d94;
  border-radius: 14px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin: 180px 0px 0px 95px;
  opacity: .8;
  padding: 5px;
  text-align: center;
  width: 270px;
}

#explore_userhome a:hover span, #explore_hub a:hover span { /* Safari 3 */
  -webkit-border-radius: 14px;
}

#explore_userhome a:hover span, #explore_hub a:hover span, x:-moz-any-link span, x:default span { /* Firefox 3 */
  -moz-border-radius: 14px;
}

#explore-userhome-description {
  text-align: right;
}

#explore-hub-description img, #explore-userhome-description img {
  border: 5px solid #eee;
  margin-top: 5px;
}

#explore-hub-description a.thumbnail:hover, #explore-userhome-description a.thumbnail:hover {
  background-color: transparent;
}

.features_index .explore_container #hub, .features_index .explore_container #user_home {
  margin-top: 20px;
}

.features #features {
  margin-top: 40px;
}

.features #feature_preview li h4 {
  margin-bottom: 0;
  padding-left: 60px;
}

.features #feature_preview li p {
  font-size: .925em;
  padding-left: 60px;
}

.features #features .buttons {
  clear: both;
}

.features #features .buttons {
  margin-bottom: 0;
}

.features_index #feature_preview li#feature_customize {
  margin-left: 0;
}

.features_index #feature_preview li#feature_share_files {
  margin-right: 0;
}

#feature_preview li#feature_customize {
  background: url("Tools.png"/*tpa=http://onehub.com/images/icons/Tools.png*/) no-repeat;
}

#feature_preview li#feature_share_videos {
  background: url("Video.png"/*tpa=http://onehub.com/images/icons/Video.png*/) no-repeat;
}

#feature_preview li#feature_collaborate {
  background: url("iChat.png"/*tpa=http://onehub.com/images/icons/iChat.png*/) no-repeat;
}

#feature_preview li#feature_share_files {
  background: url("Misc-Box.png"/*tpa=http://onehub.com/images/icons/Misc-Box.png*/) no-repeat;
}

#hub, #user_home {
  position: relative;
}

#hub .description, #user_home .description {
  position: absolute;
  left: 0;
  top: 420px;
}

/* =FEATURES =ANATOMY */

#anatomy-bottom-nav h3 {
  font-size: 1.1em;
  font-weight: bold;
}

#anatomy-bottom-nav h3, #anatomy-bottom-nav h3 a {
  color:#000;
}

#anatomy-bottom-nav .right h3 {
  margin-bottom: 18px;
}

#content p.anatomy-blurb {
  margin-top: 6px;
  margin-bottom: 10px;
}

/* =FEATURES =DETAILS */

.features_details #features-list img {
  border: 5px solid #eee;
  margin-top: 5px;
}

.features_details #features-list ul li#comprehensive_hub_management img {
  margin-bottom: 20px;
}

.features_details #features-list {
  clear: both;
}

.features_details #feature-list li {
  clear: both;
}

.features_details #features-list ul li {
  margin-bottom: 20px;
}

/* =PRICING */

table#plans {
  border: 1px solid #cfe7b3;
  margin-bottom: 10px;
  width: 940px;
}

table#plans thead {
  background-color: #e7f3d9;
  border-bottom: 1px solid #cfe7b3;
}

table#plans th,
table#plans td {
  border-right: 1px solid;
  font-size: .925em;
  padding: 20px 0 20px 20px;
  text-align: left;
  width: 220px;
}

table#plans th {
  border-right-color: #cfe7b3;
}

table#plans td {
  border-right-color: #eee;
}

table#plans td.omega {
  border-right: 0 none;
}

table#plans th.most_popular {
  background: #cfe7b3;
}

table#plans thead th h4 {
  color: #000;
  font-size: 24px;
  line-height: 20px;
  margin-bottom: 0;
  text-align: left;
}

table#plans thead th h4 em {
  color: #79b743;
}

table#plans thead th em.tagline {
  color: #3f5c26;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
}

table#plans thead th h5 {
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px;
  text-align: left;
}

table#plans thead th h5 em {
  color: #888;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  vertical-align: top;
}

table#plans thead th .uber_button {
  margin: 0;
}

table#plans thead th .uber_button a.button:link, table#plans thead th .uber_button a.button:visited {
  display: block;
  background-color: #a2cf55;
  width: 145px;
  border: 1px solid #92ba4d;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, .5);
  font-size: 1.3em;
}

table#plans thead th .uber_button a.button:hover, table#plans thead th .uber_button a.button:active {
  background-color: #8fc531;
  border: 1px solid #739e28;
}

table#plans thead th.most_popular .uber_button a.button:link, table#plans thead th.most_popular .uber_button a.button:visited {
  background-color: #4e7429;
  border: 1px solid #36501d;
}

table#plans thead th.most_popular .uber_button a.button:hover, table#plans thead th.most_popular .uber_button a.button:active {
  background-color: #5b8730;
  border: 1px solid #486c26;
}

table#plans td.most_popular {
  background: #f6f6f6;
}

table#plans th img,
table#plans td img {
  vertical-align: top;
}

table#plans td.enterprise ul li.exclusive {
  padding-bottom: 20px;
}

table#plans td ul li strong {
  font-size: 1.2em;
}

table#plans td.enterprise ul li strong {
  font-size: 1em;
}

table#plans tfoot th {
  background: #e7f3d9;
  border-top: 1px solid #cfe7b3;
  color: #666;
  font-weight: normal;
  padding: 10px 20px;
  text-align: left;
}

.pricing .supporting {
  margin-bottom: 30px;
}

.pricing .copy p,
.pricing .copy li {
  font-size: .925em;
}

.pricing #highlight #sales {
  background: transparent url("phone_32x32.png"/*tpa=http://onehub.com/images/icons/phone_32x32.png*/) right center no-repeat;
  color: #b4b4b4;
  float: right;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 40px;
  padding-right: 40px;
  text-transform: uppercase;
}

/* =SUPPORT */

#help {
  font-size: .75em;
  text-align: right;
  text-transform: uppercase;
}

#help a {
  background: url("help.png"/*tpa=http://onehub.com/images/icons/help.png*/) right center no-repeat;
  border: 0;
  color: #b4b4b4;
  display: block;
  line-height: 40px;
  padding-right: 50px;
}

#help a:hover {
  background-image: url("help_hover.png"/*tpa=http://onehub.com/images/icons/help_hover.png*/);
  color: #e15a38;
}

.three-bigbuttons {
  margin-bottom: 20px;
  overflow: hidden;
}

.three-bigbuttons .bigbutton {
  cursor: pointer;
  float: left;
  margin: 15px 20px 15px 0;
  width: 300px;
}
.three-bigbuttons .bigbutton a {
  background-color: #eee;
  background-position: 245px 50%;
  background-repeat: no-repeat;
  border-raiuds: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  float: left;
  line-height: 40px;
  padding: 20px;
  width: 260px;
}
.three-bigbuttons .last {
  float: right;
  margin-right: 0;
}

.three-bigbuttons .bigbutton-newissue a { background-image: url("bigbtnicon-newissue.gif"/*tpa=http://onehub.com/images/icons/bigbtnicon-newissue.gif*/); }
.three-bigbuttons .bigbutton-discussions a { background-image: url("bigbtnicon-requests.gif"/*tpa=http://onehub.com/images/icons/bigbtnicon-requests.gif*/); }
.three-bigbuttons .bigbutton-knowledgebase a { background-image: url("bigbtnicon-discussions.gif"/*tpa=http://onehub.com/images/icons/bigbtnicon-discussions.gif*/); }

.bigbutton h2 {
  font-size: 11px;
  margin: 0;
}

.bigbutton h2 a {
  letter-spacing: 0;
  text-decoration: none;
  text-transform: uppercase;
}

.bigbutton h2 a {
  color: #59892f;
}

.bigbutton h2 a:hover {
  color: #444;
}

.bigbutton p {
  color: #666;
  margin: 0;
}

.screencasts li.alpha {
  clear: left;
}

.screencasts .thumbnail a {
  background: #e7f3d9;
  border-bottom: 1px solid #cfe7b3;
  display: block;
  padding: 5px 5px 4px 5px;
}

.screencasts .thumbnail a:hover {
  background: #59892f;
}

.screencasts .thumbnail img {
  display: block;
}

.screencasts p {
  font-size: .925em;
}

.screencast #banner .buttons {
  clear: both;
  margin-bottom: 20px;
}

/* =BLOG */

.blog #next_steps {
  margin-bottom: 70px;
}

#rss {
  font-size: .75em;
  margin-top: 20px;
  text-align: right;
  text-transform: uppercase;
}

#rss a {
  background: url("feed_icon_hover.png"/*tpa=http://onehub.com/images/icons/feed_icon_hover.png*/) right center no-repeat;
  border: 0;
  color: #f60;
  display: block;
  line-height: 32px;
  padding: 0;
  padding-right: 40px;
}

#rss a {
  border-radius: 6px;
}

#rss a { /* Safari 3 */
  -webkit-border-radius: 6px;
}

#rss a, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 6px;
}

#rss a:hover {
  background-color: #f60;
  background-image: url("feed_icon_hover.png"/*tpa=http://onehub.com/images/icons/feed_icon_hover.png*/);
  color: #fff;
}

.rss_link.grid_2, #highlight.grid_2 {
  width: 120px;
}

#post_form .helper, #contact_form .helper, #webcast_form .helper {
  position: absolute;
  bottom: 107px;
  left: 370px;
}

#post_form input, #post_form textarea {
  background-color: #fff;
}

#post_form input, #contact_form input {
  width: 288px;
}

#post_form .comment_entry label {
  line-height: 40px;
}

.navigate_posts.grid_2, #highlight.prefix_2 {
  width: 80px;
}

/* =BLOG =ARCHIVES */
.rss_link.prefix_2 {
  padding-left: 90px;
}

.rss_link {
  margin-top: 64px;
}

/* OH TODO: Update the code on the main blog list to be more consistent with the rest of the blog so that this declaration is unnecessary */
#highlight .rss_link {
  margin-top: 4px;
}

.rss_link h3 {
  margin-bottom: 0;
}

.blog #blog_highlights .featured_1 {
  margin-left: 0;
}

.blog #blog_highlights .featured_3 {
  margin-right: 0;
}

#posts .post {
  clear: both;
  margin-bottom: 20px;
}

#posts .post .comments {
  background: url("comment.png"/*tpa=http://onehub.com/images/icons/comment.png*/) left 2px no-repeat;
  font-size: .925em;
  padding-left: 20px;
}

#posts .post .comments a:link {
  color: #888;
  font-weight: normal;
}

#posts .post .comments a:hover {
  color: #fff;
}

#posts .post h6 a:link {
  color: #59892f;
}

#posts .post h6 a:hover {
  background: #59892f;
  color: #fff;
}

#posts .post .summary {
  font-size: .925em;
}

#intro {
  color: #888;
  font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman', serif;
  float: right;
}

.blog #signup_4 p {
  font-size: .923em;
}

#digg #digg-widget-container {
  font-size: .925em;
}

#digg #digg-widget-container .digg-count {
  display: none;
}

#digg #digg-widget-container ul {
  margin-left: 1em;
}

#digg #digg-widget-container ul li {
  list-style-type: disc;
}

#digg #digg-widget-container ul li a:link,
#digg #digg-widget-container ul li a:visited {
  font-weight: bold;
  text-decoration: none;
}

#digg #digg-widget-container ul li a:link {
  color: #6b8d94;
}

#digg #digg-widget-container ul li a:visited {
  color: #666;
}

#digg #digg-widget-container ul li a:hover,
#digg #digg-widget-container ul li a:active {
  background: #6b8d94;
  border-color: #6b8d94;
  color: #fff;
}

/* =BLOG =POST */
.blog_post #post #header {
  margin: 0;
}

.blog_post #post h2 {
  margin-bottom: 0;
}

.blog_post #post h3, .blog_post #post h4 {
  font-weight: normal;
}

.blog_post .copy {
  margin-top: 40px;
}

.blog_post .copy ol li {
  margin-bottom: 20px;
}

.blog_post .copy blockquote {
  clear: both;
  margin: 0 60px;
}

.blog_post .copy img {
  background: #eee;
  border-bottom: 1px solid #d4d4d4;
  display: block;
  margin: 0 0 20px 0;
  padding: 5px 5px 4px 5px;
}

.blog_post .copy .noborder img {
  background-color: transparent;
  border: 0 none;
  padding: 0;
}

.blog_post .copy pre {
  background-color: #191919;
  clear: both;
  color: #828282;
  font-size: .925em;
  margin: 20px 0;
  overflow: auto;
  padding: 10px;
}

.blog_post .copy table {
  border: 1px solid #d4d4d4;
  margin-bottom: 20px;
  width: 100%;
}

.blog_post .copy table tr {
  border-top: 1px solid #d4d4d4;
}

.blog_post .copy table tr th {
  background-color: #eee;
  text-align: left;
}

.blog_post .copy table tr th,
.blog_post .copy table tr td {
  padding: 8px 9px 9px 9px;
}

.blog_post .navigate_posts {
  margin-top: 90px;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
}

.blog_post .navigate_posts ul {
  text-align: center;
}

.blog_post .navigate_posts ul li {
  float: left;
  margin-right: 10px;
}

.blog_post .navigate_posts ul li a {
  display: block;
  height: 22px;
  text-indent: -9999px;
  width: 22px;
}

.blog_post .navigate_posts ul li.previous a {
  background: url("previous_22x22.png"/*tpa=http://onehub.com/images/icons/previous_22x22.png*/) 0 0 no-repeat;
}

.blog_post .navigate_posts ul li.next a {
  background: url("next_22x22.png"/*tpa=http://onehub.com/images/icons/next_22x22.png*/) 0 0 no-repeat;
}

.blog_post .navigate_posts ul li a:hover {
  background-position: 0 -22px;
}

.blog_post #blog_highlights {
  clear: both;
  margin-top: 120px;
  padding-top: 50px;
  border-top: 1px solid #eee;
}

.blog_post #blog_highlights h4 {
  margin-bottom: 20px;
}

/* =BLOG =COMMENTS */

ol#comment_form {
  overflow: hidden; /* Float clearing for good browsers */
}

#comments {
  margin-bottom: 20px;
}

#comments h3 {
  margin-bottom: 10px;
}

#comments .gravatar,
#comments .comment_body,
#post_form, #contact_form {
  background: #f6f6f6;
  border-bottom: 1px solid #e6e6e6;
}

#comments .gravatar {
  padding: 3px 3px 2px 3px;
  position: absolute;
  height: 54px;
  width: 54px;
}

#comments h4 {
  font-size: .925em;
  margin-left: 120px;
}

#comments h4 a:link {
  color: #59892f;
}

#comments h4 a:hover {
  background: #59892f;
  color: #fff;
}

#comments h4 em {
  color: #b4b4b4;
  font-style: normal;
  font-weight: normal;
}

#comments .comment_bubble {
  background: url(../images/bg_bubble.png) 2px 10px no-repeat;
  margin-bottom: 40px;
  margin-left: 80px;
  padding-left: 20px;
}

#comments .comment_body {
  font-size: .925em;
  padding: 10px 20px 9px 20px;
}

#comments .comment_body p {
  margin-bottom: 20px;
}

#comments .odd {
  background: none;
}

#post_form, #contact_form, #box_signup_form {
  margin-bottom: 20px;
  position: relative;
}

#post_form li, #contact_form li {
  float: left;
  margin-bottom: 20px;
  padding: 0 20px 0 20px;
}

#post_form li.alpha, #contact_form li.alpha, #box_signup_form li.alpha {
  clear: both;
}

#post_form li.omega, #contact_form li.omega {
  padding-right: 10px;
}

#post_form .comment_entry {
  margin-left: 0;
  padding: 0 20px 19px 20px;
}

#post_form label, #contact_form label, #box_signup_form label {
  display: block;
  line-height: 20px;
}

#post_form .comment_entry label {
  line-height: 40px;
}

#post_form input, #post_form textarea, #contact_form input, #contact_form textarea, #box_signup_form input, #box_signup_form textarea {
  border: 1px solid #d4d4d4;
  font: normal 1em Helvetica;
  margin: 0;
  padding: 9px;
}

#post_form input, #contact_form input {
  margin: 5px 0 0 0;
  width: 288px;
}

#post_form textarea, #contact_form textarea, #box_signup_form textarea {
  border: 1px solid #d4d4d4;
  font: normal 1em Helvetica;
  height: 180px;
  margin: 0;
  width: 638px;
}

#post_form abbr, #contact_form abbr, #webcast_form abbr, #box_signup_form abbr {
  border: 0pt none;
  color: #99CCCC;
  cursor: help;
  font-size: 1.2em;
  font-style: normal;
  line-height: 14px;
  vertical-align: baseline;
}

#post_form .helper, #contact_form .helper, #webcast_form .helper {
  color: #828282;
  font-size: .925em;
  position: absolute;
  bottom: 107px;
  left: 370px;
}

#webcast_form .helper {
  bottom: 117px;
  left: 240px;
}

#post_form .helper abbr, #contact_form .helper abbr, #webcast_form .helper abbr, #box_signup_form .helper abbr {
  font-size: 1.6em;
}

#post_form .buttons, #contact_form .buttons {
  margin: 0 0 20px 20px;
}

/* =BLOG =ARCHIVES */

#archives #archives_list li ul.months {
  margin-bottom: 20px;
}

#archives #archives_list li ul li .month a:link {
  color: #59892f;
}

#archives #archives_list li ul li .month a:hover {
  background-color: #59892f;
  color: #fff;
}

#archives #archives_list li ul li ul {
  margin: 0 0 20px 1em;
}

#archives #archives_list li ul li ul li {
  font-size: .925em;
  list-style-type: disc;
}

#archives #tags {
  margin-bottom: 20px;
}

#archives #tags li {
  display: inline;
  float: left;
  margin: 0;
  width: 240px;
}

#archives #tags li a {
  line-height: 40px;
}

#archives #tags li .tag_count {
  background: #e2e2e2;
  padding: 0 10px 2px 10px;
}

#archives #tags li .tag_count { /* Safari */
  -webkit-border-radius: 8px;
}

#archives #tags li .tag_count, x:-moz-any-link, x:default { /* Firefox 3 */
  -moz-border-radius: 8px;
}

#archives #tags li .tag_count em {
  color: #828282;
  font-size: .85em;
  font-style: normal;
  font-weight: bold;
}

/* =ABOUT =SHARED */

#investors img,
#team_members img {
  background: #eee;
  border-bottom: 1px solid #d4d4d4;
  margin-bottom: 20px;
  padding: 5px 5px 4px 5px;
}

#investors h3,
#team_members h4 {
  margin-right: 10px;
  margin-left: 10px;
}

/* =ABOUT =OVERVIEW */

#investors p,
#customers p {
  font-size: .925em;
}

/* =ABOUT =TEAM */

#team_members #onehubbers h5 {
  display: table-cell;
  height: 100px;
  vertical-align: middle;
}

#team_members h5 .title {
  font-weight: normal;
  color: #888;
}

#team_members p {
  clear: both;
  font-size: .925em;
}

#team_members #hcard-Laurel-Moudy,
#team_members #hcard-Matthew-Anderson,
#team_members #hcard-Ron-McKown {
  clear: both;
}

/* =ABOUT =NEWS */

#media_inquiries {
  font-size: .75em;
  text-align: right;
  text-transform: uppercase;
  margin: 0;
}

#media_inquiries a {
  background: url("mail.png"/*tpa=http://onehub.com/images/icons/mail.png*/) right center no-repeat;
  border: 0;
  color: #b4b4b4;
  display: block;
  line-height: 40px;
  padding-right: 50px;
}

#media_inquiries a:hover {
  background-image: url("mail_hover.png"/*tpa=http://onehub.com/images/icons/mail_hover.png*/);
  color: #6b8d94;
}

#media_contact {
  font-size: .925em;
  text-align: right;
}

.about_news #press_releases p,
.about_news #testimonials p {
  font-size: .925em;
}

.press .copy ul {
  margin-bottom: 20px;
}

.supporting {
  color: #888;
  font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman', serif;
}

/* =ABOUT =CAREERS */

.current_openings {
  overflow: hidden;
}

.current_openings p {
  font-size: .925em;
}

.current_openings .buttons {
  margin-bottom: 0;
}

.skills {
  font-size: .925em;
  margin-bottom: 20px;
}

/* =ABOUT =CONTACT */

.about_contact .map {
  margin-bottom: 20px;
}

.about_contact .map img {
  border: 5px solid #eee;
  display: block;
}

.about_contact .vcard .other,
.about_contact .vcard .buttons {
  margin-top: 20px;
}

/* =AFFILIATES */

/* =AFFILIATES =INDEX */

.affiliates .bulleted {
  margin-bottom: 20px;
}

.affiliates_index .omega img {
  border: 5px solid #e7f3d9;
  margin-bottom: 20px;
}

table#affiliate_info {
  margin-bottom: 20px;
  width: 100%;
}

table#affiliate_info, table#affiliate_info th,
table#affiliate_info .odd.omega, table#affiliate_info .odd.omega td.rate { /* The second row is for any tr.odd rows; we want to overwrite those border declarations */
  border-bottom: 1px solid #cfe7b3;
}

table#affiliate_info th, table#affiliate_info td {
  font-size: 0.925em;
  padding: 20px 0 20px 20px;
  text-align: left;
  width: 50%;
}

table#affiliate_info td {
  border-left: 1px solid #cfe7b3;
}

table#affiliate_info th {
  border-left: 0 none;
  border-top: 0 none;
}

table#affiliate_info td {
  padding-bottom: 10px;
  padding-top: 10px;
}

table#affiliate_info th h4 {
  color: #444;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 0;
}

table#affiliate_info .odd {
  background-color: #f9f9f9;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
}

table#affiliate_info th.rate h4 {
  color: #000;
  font-size: 24px;
}

table#affiliate_info th.rate, table#affiliate_info td.rate {
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}

table#affiliate_info th.rate {
  background-color: #e7f3d9;
  border: 1px solid #cfe7b3;
}

table#affiliate_info td.rate {
  background-color: #f9f9f9;
  border-right: 1px solid #cfe7b3;
  font-size: 1.075em;
  font-weight: bold;
}

table#affiliate_info .odd td.rate {
  background-color: #efefef;
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
}

/* =AFFILIATES =APPLICATION */

.affiliates_application h1, #affiliate_application {
  margin-bottom: 20px;
}

#affiliate_application {
  padding-top: 2px;
}

#affiliate_application p {
  margin-bottom: 0;
}

#affiliate_application .buttons {
  margin: 10px 0 20px 0;
}

#affiliate_application li {
  margin-bottom: 20px;
  position: relative;
}

#affiliate_application li.grid_8 input {
  width: 448px; /* Width of grid_8 minus the padding and borders (12px) */
}

#affiliate_application .disclaimer {
  font-size: 0.925em;
  margin-bottom: 10px;
}

#affiliate_application .helper strong:after, #affiliate_application .helper a:after {
  content: "";
}

#affiliate_application li label.error {
  position: absolute;
  bottom: -15px;
  left: 0;
}

.affiliates_application span#requirements {
  padding: 12px 0;
}

/* =AFFILIATES =TERMS */

.affiliates_terms ol.numbered {
  margin-bottom: 20px;
}

/* =TERMS =PRIVACY */

.terms p em,
.privacy p em {
  color: #888;
  font-size: .925em;
  font-style: normal;
}

.privacy .copy ul {
  margin-bottom: 20px;
}

/* =NEWSLETTER */

.newsletter #content h2 {
  margin: 20px 0;
}

.newsletter #content h4 {
  margin: 20px 0;
}

div.section {
  clear:both;
  margin: 20px 0;
  overflow:hidden;
}

.newsletter #content img {
  background-color: #e7f3d9;
  border: 5px solid #e7f3d9;
  margin-bottom: 20px;
}

.newsletter #content .caption {
  display: block;
  margin-top: -20px;
  margin-bottom: 20px;
}

.newsletter blockquote {
  margin: 0 60px;
}

.newsletter .clipping p {
  min-height: 100px;
}

.blog_post #post .copy ul, .blog_post #post .copy ol {
  margin-bottom: 20px;
  padding-left: 20px;
}

.blog_post #post .copy ul, .solutions .copy ul {
  list-style-type: disc;
}

.blog_post #post .copy ol, .solutions .copy ol {
  list-style-type: decimal;
}

/* =NEWSLETTER =SIDEBAR */
.newsletter #sidebar {
  font-size: 12px;
}

.newsletter #sidebar h3 {
  color: #666;
  font-weight: normal;
}

.newsletter #sidebar #webcast_details h3 {
  margin-bottom: 10px;
}

.newsletter #sidebar #webcast_details li {
  margin-bottom: 5px;
}

.social_links #rss {
  font-size: 1em;
}

.social_links #rss, .social_links #rss a {
  padding: 0;
  text-align: left;
}

.social_links #twitter {
  background: transparent none;
  margin-bottom: 0;
}

.social_links {
  margin: 20px 0;
}

.social_links li, .social_links li#rss {
  font-size: 0.85em;
  margin: 10px 0;
}

.social_links li a:link, .social_links li a:visited, .social_links li#rss a {
  background-position: left center;
  background-repeat: no-repeat;
  border: 0;
  border-radius: 8px;
  display: block;
  line-height: 32px;
  padding: 0 0 0 40px;
  text-transform: uppercase;
}

.social_links li a, .social_links li#rss a { /* Safari 3 */
  -webkit-border-radius: 8px;
}

.social_links li a, .social_links li#rss a, x:-moz-any-link, x:default {
  -moz-border-radius: 8px;
}

.social_links #twitter a:link, .social_links #twitter a:visited {
  background-image: url("twitter.png"/*tpa=http://onehub.com/images/icons/twitter.png*/);
  color: #3cf;
}

.social_links #twitter a:hover, .social_links #twitter a:active {
  background-color: #3cf;
}

.social_links #facebook a:link, .social_links #facebook a:visited {
  background-image: url("facebook.png"/*tpa=http://onehub.com/images/icons/facebook.png*/);
  color: #3b5999;
}

.social_links #facebook a:hover, .social_links #facebook a:active {
  background-color: #3b5999;
}

.social_links li#twitter a:hover, .social_links li#twitter a:active, .social_links li#facebook a:hover, .social_links li#facebook a:active {
  color: #fff;
}

/* =BLOG =POST =CALLOUT */

.blog_post #post .copy .call_out {
  background-color: #e2f1cf;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}

.blog_post #post .copy .call_out h5, .blog_post #post .copy .call_out h6 {
  border-bottom: 1px solid #8ac640;
  font-size: 14px;
  line-height: normal;
  padding-bottom: 5px;
}

.blog_post #post .copy .call_out ul {
  list-style: none;
  margin: 10px 10px 0 10px;
  padding: 0px;
  text-align: left;
}

.blog_post #post .copy .call_out li {
  list-style-image: url("tick.png"/*tpa=http://onehub.com/images/icons/tick.png*/);
  list-style-position: outside;
  margin-left: 20px;
}

/* =SOLUTIONS */

.solutions #splash_image {
  position: absolute;
  right: 0;
  top: 40px;
}

.solutions #callout h1 {
  font-weight: bold;
  margin-bottom: 20px;
}

.solutions #content {
  padding-top: 40px;
  position: relative;
  z-index: 10;
}

.solutions #content .buttons {
  clear: none;
}

.solutions #content .copy {
  float: right;
}

.solutions .copy h3 {
  padding-top: 13px;
}
.solutions .copy p.grid_12, .solutions .copy ul {
  font-size: .925em;
}

.solutions #details_list li {
  margin-bottom: 20px;
}

.solutions #details_list li.alpha { /* makes sure that if there are differing heights we don't have a broken layout */
  clear: left;
}

/* =SOLUTIONS =NAVIGATION */

.solutions #sidebar .buttons {
  margin-bottom: 23px;
}

.solutions .navigation {
  margin-bottom: 20px;
}

.solutions .navigation a:link, .solutions .navigation a:visited {
  border-bottom: 1px solid #eee;
  display: block;
  font-size: 0.925em;
  font-weight: normal;
}

.solutions .navigation a:hover, .solutions .navigation a:active {
  background-color: transparent;
  border-bottom-color: #666;
  color: #222;
}

/* =WEBCAST */

.webcast h1, .reminders h1 {
  margin-bottom: 20px;
}

#details, #webcast_details {
  background-color: #f6f6f6;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 10px;
}

.webcast #content img, .reminders #content img {
  margin-bottom: 30px;
}

#details strong, #webcast_details strong {
  display: inline-block;
  width: 17%;
}

#details em, #webcast_details em {
  display: block;
  font-family: Cambria,Georgia,Times,'Times New Roman',serif;
  font-size: .95em;
  margin-top: 10px;
}

.webcast.thanks #copy {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* =REMINDERS */

.reminders #content ul, .reminders #content ol {
  margin-bottom: 20px;
}

/* =MEDIA =KIT */

.media_kit #logos img, .media_kit #screenshots img {
  background-color: #e2f1cf;
  border: 5px solid #e2f1cf;
}

.media_kit #logos ul, .media_kit #screenshots ul {
  overflow: hidden;
  width: 100%;
}

.media_kit #logos li, .media_kit #screenshots li {
  float: left;
  overflow: hidden;
  width: 33.3%;
}

.media_kit #screenshots li, .media_kit #logos li {
  margin-top: 10px;
  margin-bottom: 10px;
}

.media_kit #logos, .media_kit #screenshots, .media_kit #tour, .media_kit #documents {
  margin-bottom: 40px;
}

.media_kit h3.section, .media_kit h4.section {
  margin-bottom: 0px;
}

.media_kit #media_kit_download {
  background-image: url("hdd-down.png"/*tpa=http://onehub.com/images/icons/hdd-down.png*/);
  background-position: 10px center;
  background-repeat: no-repeat;
  margin: 0 auto;
  padding-left: 20px;
  width: 220px;
}